<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="./assets/mui/css/mui.min.css">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/before.css">
   <!-- <link rel="stylesheet" href="./mui/css/mui.min.css"> -->
    <script src="./js/common.js"></script>  
</head>
<body>
        <header class="mui-bar mui-bar-nav">
                <h1 class="mui-title">个人中心</h1>
            </header>
     <div class="content">
        <div class="caozuo">
            <img src="./images/kong@2x.png" alt="">
        </div> 
        <h1>当前页面需登录后操作</h1>
       <a href="login.html"> <button class="login-per">前往登录</button></a>
         
        </div>
        
        <nav class="mui-bar mui-bar-tab">
                <a class="mui-tab-item mui-active" href="#tabbar">
                        <span class="mui-icon"><img src="./images/dibu01@2x.png" alt=""></span>
                    <span class="mui-tab-label">首页</span>
                </a>
                <a class="mui-tab-item" href="#tabbar-with-chat">
                    <span class="mui-icon"><img src="./images/dibu03@2x.png" alt=""></span>
                    <span class="mui-tab-label">消息</span>
                </a>
                <a class="mui-tab-item" href="#tabbar-with-contact">
                        <span class="mui-icon"><img src="./images/dibu06@2x.png" alt=""></span>
                    <span class="mui-tab-label">通讯录</span>
                </a>
            </nav>
</body>
</html>